import React from "react";

export default function RealtimeMonitor({ images = [] }) {
  return (
    <div style={{ width: '100%', height: 180 }}>
      <div style={{ color: '#00eaff', fontWeight: 700, fontSize: 16, marginBottom: 8 }}>实时监控画面</div>
      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 6, width: '100%', height: 140 }}>
        {images.map((img, idx) => (
          <div key={idx} style={{ width: '100%', height: 44, overflow: 'hidden', borderRadius: 4, background: '#222' }}>
            <img src={img} alt="监控" style={{ width: '100%', height: '100%', objectFit: 'cover' }} />
          </div>
        ))}
      </div>
    </div>
  );
} 